<!DOCTYPE html >
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
  <script src="./bootstrap/js/jquery-1.10.0.min.js"></script>
  <script src="./bootstrap/js/bootstrap.min.js"></script>
  <title>英雄联盟英雄添加</title>
</head>
<body>
<div class="container theme-showcase" role="main">
<div class="jumbotron">
	<h1>League of Legend</h1>
	<p>this is a templae showcasing the optional theme stylessheet included in bootstrap.Use it as starting point to 
	reate something more unique by buildin on or modifying it
	</p>
</div>

<div class="div">
	<div class="col-md-6">
		<fieldset >
			<legend>league of legend</legend>
			<table>
			<tr>
				<td>Hero's Nick Name</td>
				<td><input type="text" name="heronickname" size="20" maxlength="20"></td>
			</tr>
			<tr>
				<td>Hero's CN Name</td>
				<td><input type="text" name="heronamecn" size="20" maxlength="20"></td>
			</tr>
			<tr>
				<td>Hero's EN Name</td>
				<td><input type="text" name="heronameen" size="20" maxlength="20"></td>
			</tr>
			<tr>
				<td>Hero's Type</td>
				<td><select name="herotype">
					<option value="射手">射手</option>
					<option value="坦克">坦克</oprion>
					<option value="刺客">刺客</option>
					<option value="法师">法师</option>
					<option value="辅助">辅助</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>英雄头像</td>
				<td><input name="heroheadpic" type="file"></td>
			</tr>
			<tr>
				<td>英雄声音</td>
				<td><input name="herosound" type="file"></td>
			</tr>
			<tr>
				<td>Hero's Story</td>
				<td>
				<textarea name="story" cols="34" >
				</textarea>
				</td>
			</tr>

			<tr>
				<td><input type="submit" value="提交"></td>
				<td><input type="reset" valuee="重置"></td>
			</tr>
		</table>
		</fieldset>
	</div>
	<div class="col-md-2">
		<img src="./assets/images/champions/Zyra_Square_0.png" alt="pic notfound">
	</div>
	<div class="col-md-2">
		<img src="./assets/images/champions/Zilean_Square_0.png" alt="pic notfound">
	</div>
	<div class="col-md-2">
		<img src="./assets/images/champions/Ziggs_Square_0.png" alt="pic notfound">
	</div>
	<div class="col-md-2">
		<img src="./assets/images/champions/Zed_Square_0.png" alt="pic notfound">
	</div>
	<div class="col-md-2">
		<img src="./assets/images/champions/Zac_Square_0.png" alt="pic notfound">
	</div>
	<div class="col-md-2">
		<img src="./assets/images/champions/Yorick_Square_0.png" alt="pic notfound">
	</div>
</div>

<fieldset style="width:500px">
	<legend>league of legend</legend>
	<form action="${pageContext.request.contextPath}/servlet/lolherosuploadservlet" enctype="multipart/form-data" method="post">
		<table>
			<tr>
				<td>Hero's Nick Name</td>
				<td><input type="text" name="heronickname" size="20" maxlength="20"></td>
			</tr>
			<tr>
				<td>Hero's CN Name</td>
				<td><input type="text" name="heronamecn" size="20" maxlength="20"></td>
			</tr>
			<tr>
				<td>Hero's EN Name</td>
				<td><input type="text" name="heronameen" size="20" maxlength="20"></td>
			</tr>
			<tr>
				<td>Hero's Type</td>
				<td><select name="herotype">
					<option value="射手">射手</option>
					<option value="坦克">坦克</oprion>
					<option value="刺客">刺客</option>
					<option value="法师">法师</option>
					<option value="辅助">辅助</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>英雄头像</td>
				<td><input name="heroheadpic" type="file"></td>
			</tr>
			<tr>
				<td>英雄声音</td>
				<td><input name="herosound" type="file"></td>
			</tr>
			<tr>
				<td>Hero's Story</td>
				<td>
				<textarea name="story" cols="34" >
				</textarea>
				</td>
			</tr>

			<tr>
				<td><input type="submit" value="提交"></td>
				<td><input type="reset" valuee="重置"></td>
			</tr>
		</table>
	</form>
</fieldset>
<img src="http://localhost:8081/MyBatis_Study/assets/images/champions/Ziggs_Square_0.png" alt="pic notfound">
<hr />
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="height:400px"></div>
</div> 
    <!-- ECharts单文件引入 -->
    <script src="./assets/dist/echarts.js"></script>
    <script type="text/javascript">
        // 路径配置
        require.config({
            paths: {
                echarts: './assets/dist'
            }
        });
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('main')); 
                
                var option = {
                    tooltip: {
                        show: true
                    },
                    legend: {
                        data:['销量']
                    },
                    xAxis : [
                        {
                            type : 'category',
                            data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            "name":"销量",
                            "type":"bar",
                            "data":[5, 20, 40, 10, 10, 20]
                        }
                    ]
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
            }
        );
    </script>

</body>
</html>